/* Responsive Styles */
/* index.html */
@media (max-width: 1169px) {
/* index.html */
.page_content {
width: auto;
padding: 0px 10px;
max-width: 100%;
}
.section__row.m-t-40 {
margin-top: 0 !important;
}
.section__row {
padding: 50px 0;
}
.section__row.page_content {
padding: 50px 10px;
width: auto;
max-width: 100%;
}
.is-banner {
height: auto;
width: auto;
padding: 80px 10px 0;
max-width: 100%;
}
.is-banner--left {
width: 100%;
float: none;
height: auto;
}
.is-banner--left--content {
width: 100%;
float: none;
}
.is-banner--right {
float: none;
width: 100%;
margin: 0 auto;
text-align: center;
}
.is-banner--right img {
width: 70%;
}
.is-technologies .page_content {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.is-technologies-content {
width: 100%;
padding: 0;
}
.is-stratagy {
height: auto;
}
.is-stratagy .page_content {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.is-stratagy-left {
float: none;
width: 100%;
}
.is-stratagy-right {
width: 80%;
margin: 0 auto;
}
.is-analytics {
min-height: auto;
}
.is-analytics-left {
float: none;
width: 100%;
padding: 0px 0 80px;
}
.is-analytics-right {
width: 100%;
padding-top: 30px;
}
.is-testimonial .is-technologies-content {
padding: 0 !important;
}
.is-technologies-list a {
margin: 0 0 10px;
}
.is-technologies-panel::before,
.is-technologies-panel.our-app-panel::before {
right: 0;
left: 0;
width: 100%;
}
/* index.html */
/* about us.html */
.section__row {
padding: 50px 0;
}
.is-aboutus-txt {
float: none;
width: 100%;
}
.is-aboutus-img {
float: none;
width: 80%;
margin: 0 auto;
}
/* about us.html */
/* retailops.html */
.is-inner-title .page_content {
flex-direction: column;
}
.is-inner-title--left {
width: 100%;
}
.is-inner-title--right {
width: 80%;
margin: 0 auto;
}
.is-retails {
flex-direction: column;
}
.is-retails-img {
width: 100%;
}
.is-retails-content {
width: 100%;
}
/* retailops.html */
}
@media (max-width: 900px) {
/* about us.html */
.list-about {
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
}
.about-cols:before,
.about-cols:after {
display: none;
}
/* about us.html */
/* contact us.html */
.contact-left {
float: none;
width: 100%;
}
.contact-right {
float: none;
width: 100%;
}
/* contact us.html */
}
@media (max-width: 768px) {
.header {
position: inherit !important;
border-bottom: 1px solid #e5d5d5;
}
.is-banner {
padding: 20px 10px 0;
}
.icon_menu {
width: 32px;
height: 30px;
position: absolute;
right: 15px;
top: 16px;
cursor: pointer;
display: block;
z-index: 999;
border: 1px solid #000;
border-radius: 2px;
}
.icon_menu-first,
.icon_menu-mid,
.icon_menu-last {
width: 22px;
height: 2px;
background-color: #000;
margin: 6px auto;
transition: 0.4s;
}
.change .icon_menu-first {
-webkit-transform: rotate(-45deg) translate(-6px, 6px);
transform: rotate(-45deg) translate(-6px, 6px);
}
.sticky .right_menu_login {
top: 26px;
}
.change .icon_menu-mid {
opacity: 0;
}
.change .icon_menu-last {
-webkit-transform: rotate(45deg) translate(-5px, -5px);
transform: rotate(45deg) translate(-5px, -5px);
}
.header_head .menu {
display: none;
z-index: 99;
background-color: #f76b36;
width: 100%;
top: 62px;
right: 0;
left: 0;
position: absolute;
margin-bottom: 5px;
}
.sticky .header_head .menu {
top: 56px;
}
.header_head .menu ul li.active a {
color: #fff;
background-color: #f76b36;
}
.header_head .menu ul {
flex-direction: column;
}
.header_head .menu ul li {
margin: 0;
}
.header_head .menu ul li a {
display: block;
padding: 10px;
color: #fff;
border-bottom: 1px solid #f9b49a;
}
.header_head .menu ul ul.menu-submenu li {
border-left: none !important;
}
.header_head .menu ul li a i {
display: none;
}
.header_head .menu ul ul.menu-submenu li a,
.sticky .header_head .menu ul ul.menu-submenu li a {
padding: 10px 30px;
}
.header_head .menu ul ul.menu-submenu,
.sticky .header_head .menu ul ul.menu-submenu {
box-shadow: none;
border-radius: 0;
background-color: #ff885b;
color: #fff;
}
.header_head .menu ul ul.menu-submenu li {
border-bottom: 1px solid #f9b49a;
}
.header_head .menu ul li .menu-submenu li a p,
.header_head .menu ul li .menu-submenu li a p span {
color: #fff;
}
.header_head .menu ul li:hover .menu-submenu {
position: inherit;
display: block;
opacity: 1;
top: 0;
visibility: visible;
animation-name: inherit;
}
.header_head .menu ul li ul.menu-submenu,
.sticky .header_head .menu ul li ul.menu-submenu {
position: static;
opacity: 1 !important;
width: 100% !important;
display: block;
transition: 0;
top: 0;
visibility: visible;
}
.accordion {
cursor: pointer;
width: 100%;
outline: none;
transition: all 0.4s ease-in-out;
z-index: 999;
position: absolute;
right: 0;
top: 0;
height: 43px;
width: 40px;
border-left: 1px solid #f9b49a;
display: block;
}
.accordion:after {
content: "\e61a";
font-size: 20px;
color: #fff;
float: right;
margin-right: 10px;
margin-top: 10px;
font-family: "themify";
font-weight: 600;
}
.accordion.active:after {
content: "\e622";
font-weight: 600;
}
.menu-submenu {
background-color: white;
max-height: 0;
overflow: hidden;
transition: 0.6s ease-in-out;
opacity: 0;
}
.menu-submenu.show {
opacity: 1;
max-height: 500px;
z-index: 99;
overflow: hidden;
visibility: visible;
display: block;
}
.is-banner--left--content h2 {
font-size: 24px;
}
.is-technologies-panel {
width: 100%;
}
.is-technologies-panel::before {
left: 0;
right: 0;
margin: 0 auto;
top: 70px;
width: 320px;
display: none;
}
.is-footer .page_content {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.is-footer-column {
padding: 10px 0;
width: 100%;
}
.top{
background-color: #0593a1;
}
}
@media (max-width: 600px) {
.contact-right .contact-info li {
padding: 0px;
float: none;
border-left: none;
}
.contact-right .contact-info .contact-icon {
display: none;
}
.contact-right .contact-info ul {
border-top: none;
}
}
@media (max-width: 479px) {
.is-clients-list {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.is-clients-list-item {
width: calc(100% - 40px);
margin: 10px;
}
.is-technologies-panel {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-top: 20px;
}
.is-technologies-list {
padding: 0;
width: calc(100% - 40px);
}
}